@charset "utf-8";

input:focus::-webkit-input-placeholder {color: #db500b !important; }

input:focus::-moz-placeholder {color: #db500b !important; }

input:focus::-moz-placeholder {color: #db500b !important;}

input:focus::-ms-input-placeholder {color: #db500b !important;}



.head .curr{ background:#1356A9;}

.header {position: fixed;z-index: 99999; width:100%;transition: 0.1s all linear;}
.header:hover{ background:#0760AC;}
.header_nei {width:100%;transition: 0.1s all linear;z-index: 99999;position: relative;}

.head-mid {height: 95px;}

.head-con {

	width: 100%;

	height: 95px;

	transform: translateZ(0);

	-webkit-transform: translateZ(0);

}

.header.active .head-con {

	position: fixed;

	top: 0;

	left: 0;

	box-shadow: 0 2px 4px #ddd;

	height: 80px;

}

.header.active .nav-yi, .header.active .language {

	line-height: 80px;

}

.header.active .logo {

	top: 5px;

}

.menu-box li a:hover{ color:#1356A9;}



.logo {

	position: absolute;

	top: 20px;

	left: 0;

}

.logo img {

	vertical-align: bottom;

	max-width: 180px;

}

.menu-handler {

	width: 30px;

	height: 32px;

	cursor: pointer;

	position: absolute;

	right: 20px;

	top: 14px;

	transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);

	-webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);

	-moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);

	display: none;

}

.menu-handler .burger {

	height: 2px;

	background: #b5004e;

	display: block;

	width: 20px;

	position: absolute;

	z-index: 5;

	left: 5px;

	transform-origin: center;

	-webkit-transform-origin: center;

	-moz-transform-origin: center;

	-o-transform-origin: center;

	-ms-transform-origin: center;

	border-radius: 2px;

	-webkit-border-radius: 2px;

	top: 8px;

}

.menu-handler .burger-2 {

	top: 15px;

}

.menu-handler .burger-3 {

	top: 22px;

}

.menu-handler.active .burger-1 {

	top: 15px;

	-moz-transform: rotate(225deg);

	-webkit-transform: rotate(225deg);

	-o-transform: rotate(225deg);

	-ms-transform: rotate(225deg);

	transform: rotate(225deg);

}

.menu-handler.active .burger-2 {

 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

	filter: alpha(opacity=0);

	opacity: 0;

	-moz-opacity: 0;

	-khtml-opacity: 0;

	-webkit-opacity: 0;

}

.menu-handler.active .burger-3 {

	top: 15px;

	-moz-transform: rotate(-225deg);

	-webkit-transform: rotate(-225deg);

	-o-transform: rotate(-225deg);

	-ms-transform: rotate(-225deg);

	transform: rotate(-225deg);

}



.menu-box li {

	float: left;

	margin-left: 60px;

	position: relative;

}

.menu-box li:first-child {

	margin-left: 0;

}

.nav-yi {

	display: inline-block;

	height:95px;

	color: #fff; font-size:18px;

	position: relative; line-height:95px;

}



.nav-yi02{

	display: inline-block;

	height:95px;

	color: #333; font-size:18px;

	position: relative; line-height:95px;

}

.nav-er-box {

	position: absolute;

	width: 140px;

	text-align: center;

	left: 50%;

	margin-left: -70px;

	background-color: rgba(255,255,255,.5);

	-webkit-transform-origin: top center;

	-ms-transform-origin: top center;

	transform-origin: top center;

	-webkit-transform: scaleY(0);

	-ms-transform: scaleY(0);

	transform: scaleY(0);

	-webkit-transition: -webkit-transform .3s .2s;

	transition: transform .3s .2s; z-index:999;

}

.nav-tap {

	opacity: 0;

	-webkit-transform: translate(0, -20px);

	-ms-transform: translate(0, -20px);

	transform: translate(0, -20px);

	-webkit-transition: all .2s;

	transition: all .2s;

}

.menu-box li:hover .nav-er-box {

	-webkit-transform: scaleY(1);

	-ms-transform: scaleY(1);

	transform: scaleY(1);

}

.menu-box li:hover .nav-tap {

	opacity: 1;

	-webkit-transform: translate(0, 0);

	-ms-transform: translate(0, 0);

	transform: translate(0, 0);

}

.nav-san-box {

	position: absolute;

	left: 100%;

	top: 0;

	width: 0;

	background: #fff;

	overflow: hidden;

}

.nav-san-box a {

	width: 140px;

	font-size: 12px;

}

.nav-er-box a {

	display: block;

	line-height: 45px;

	color: #333;

	font-size: 16px;

}

.language {

	position: absolute;

	right: 40px;

	top: 0;

	line-height: 100px;

	color: #313131;

	font-weight: bold;

	padding-left: 20px;

	font-family: dincondBold;

	font-size: 16px;

}

.language:before {

	width: 14px;

	height: 14px;

	left: 0;

	top: 50%;

	margin-top: -7px;

	background: url("../images/earth.jpg");

	content: '';

	position: absolute;

}

.nav-yi:after {

	content: '';

	position: absolute;

	width: 0;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	bottom: 0;

	border-top: 2px solid #fff;

}

.nav-yi02:after {

	content: '';

	position: absolute;

	width: 0;

	left: 50%;

	transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	bottom: 0;

	border-top: 2px solid #1356A9;

}

.menu-box li.active .nav-yi:after {

	width: 100%;

}



.menu-box li.active .nav-yi02:after {

	width: 100%;

}

.menu-box li.active .nav-yi {

	color: #fff;

}

.ljgd {

	display: block;

	width: 150px;

	line-height: 50px;

	background: #b5004e;

	color: #fff;

	text-align: center;

	font-size: 16px;

}

.banner .ljgd {

	position: absolute;

	left: 50%;

	margin-left: -75px;

	bottom: 25%;

}

.ljgd:hover {

	background: #fff;

	color: #b5004e;

}

.swiper-slide-active .ljgd {

	animation: toUp 1s linear both;

}

 @keyframes toUp {

 0% {

 transform: translateY(50px);

 -webkit-transform: translateY(50px);

 opacity: 0;

}

 100% {

 transform: translateY(0);

 -webkit-transform: translateY(0);

 opacity: 1;

}

}





.banner span img{width: 100%;height: 100%;}

.xt_ban{position: absolute;top:40%;width: 100%;transform: translateY(-50%);box-sizing: border-box;padding: 0 5%;text-align: center;}

.ban1_list,.banner{height: 100%;}





.xt_ban img{max-width: 100%;}

.xt_ban font{display: block;font-size: 12px;color: rgba(250,250,250,.5);line-height: 18px;transform: translateY(200px);transition: 0.8s ease-in-out 0.6s;opacity: 0;}

.xt_ban h1{font-size:58px;font-weight:550;color: white;text-transform: uppercase;transform: translateX(200px);transition: 0.8s ease-in-out 0.3s;opacity: 0;text-shadow:0 0 0.1em #9d9d9d,

                -0 -0 0.1em #9d9d9d;letter-spacing:10px;}



.xt_ban p{font-size:26px;color: white;margin-bottom: 10px;transform: translateX(-200px);transition: 0.8s ease-in-out 0.3s;opacity: 0; margin-top:20px;text-shadow:0 0 0.1em #9d9d9d,

                -0 -0 0.1em #9d9d9d;letter-spacing:10px; line-height:42px;}

.banner .swiper-pagination{bottom:5%;transform: translateY(50%);}

.banner .swiper-pagination span{width: 70px;height: 3px;background: white;opacity: 1;border-radius: 0;}

.banner .swiper-pagination .swiper-pagination-bullet-active{background: #1356A9;}

.banner .xt_ban font img{opacity: 0;}

.banner .swiper-slide-active .xt_ban font img{}

.banner .swiper-slide-active h1,.banner .swiper-slide-active p{transform: translateX(0);opacity: 1;}

.banner .swiper-slide-active font{transform: translateY(0);opacity: 1;}







/**/

.jz{padding-top: 90px;background: url(../images/jzbj.jpg) no-repeat center 0;height: 528px;font-family:"Microsoft Yahei";}

.jz-l{width: 650px;}

.jz-z p{display: block;}

.jz-z p img{display: block;}

.jz-z p i{display: block;padding: 15px 0}

.jz-z p a{color: #222222;font-size: 36px;font-weight:bold;line-height: 36px;}

.jz-z span{padding-top: 0px;display: block;color: #333333;font-size: 14px;text-align: right;}

.jz-z span b{display: block;color: #eb6100;font-size: 26px;padding: 7px 0;font-family: "arial";line-height: 26px;}

.jz-z span a {display: block;width: 120px;height: 36px;background: #eb6100;color: #fff;font-size: 14px;text-align: center;float: right; line-height: 36px;}

.jz-z{height: 140px;}



.text{  font-size:16px; line-height:32px; text-align:justify; padding-top:20px; margin-bottom:30px;}

.jz_m em a{display: block;margin-top: 20px;text-transform: uppercase;font-weight: normal;width: 90px;height: 26px;color: #fff;font-size: 12px;text-align: center;background: url(../images/jz_07.jpg) no-repeat;line-height: 26px;}



.jz-l dl{height: 228px;}

.jz-l dt{width: 300px;float: left;}

.jz-l dt img{width: 300px;height: 200px;}

.jz-l dd{width: 315px;padding:40px 13px 0 20px;height:160px;background: #fff;float: left; }

.jz-l dd h4 a{display: block;color: #333333;font-size: 18px;padding-bottom: 18px;font-weight: normal;}

.jz-l dd p{color: #444444;font-size: 14px;line-height: 26px;}

.jz-l dd p a{color: #eb6100}

.jz-l ul {height: 145px;border-bottom: 1px solid #c9c9c9}

.jz-l ul li{padding-left: 23px;background: url(../images/jz_24.jpg) no-repeat 0 6px;padding-bottom: 15px;}

.jz-l ul li a{color: #333333;font-size: 16px;display:inline-block;background: url(../images/jz_21.jpg) no-repeat right 2px;padding-right: 45px;}

.jz-l ul li a:hover,.jz-l ul li a.cur{background: url(../images/jz_29.jpg) no-repeat right 2px;color:#eb6100}





.data {

  margin-top: 4%;

}

.data .member{

  width: 30%;

  text-align: left;

  background: url(../images/dataline.jpg) no-repeat right center;

}

.data .member .sm{ padding-left:25px;}



 .data .work{

  width: 40%;

  text-align: center;

  background: url(../images/dataline.jpg) no-repeat right center;

}

 

 .data .honor .sm{ padding-right:25px;}

 

 .data .honor{

  width: 30%;

  text-align: right;



}





.data .num {

  font-size: 52px;

  color: #0149ab;

  line-height: 1;

  font-family:Oswald;

}

.data .num i {

  font-style: normal;

}

.data .num span {

  font-size: 18px;

  margin-left: 5px;

}

.data .sm {

	margin-top:10px;

  font-size:18px;

}



.data .honor {

  background: none;

}

.data .num span{ font-size:16px; color:#4d4d4d;}



.about1{ margin-top:60px;}

.about1 h1 {

    text-align: center;

    font-size: 35px;

    width: 240px;

    border-left: solid 3px #0d52a9;

    border-right: solid 3px #0d52a9;

    margin: auto;

	font-weight:bold; line-height:35px;

	color:#333;

}



.about1 h2 {

    text-align: center;

    text-transform: uppercase;

    font-family: arial;

    font-weight: normal;

    font-size: 18px;

    margin-bottom: 20px;

	color:#b1b1b1;

	margin-top:5px;

}

.up-pic {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 2;

  *height: auto;

}







.i-wrap .up-graybox{

		width: 100%;

		height: 100%;

		position: absolute;

		left: 0;

		top: 0;

		opacity: 0;

		filter: alpha(opacity=0);

		transition: all 0.4s ease 0s;

		

	}



.i-wrap .up-graybox .bgbox{

			display: block;

			width: 100%;

			height: 100%;

			background-color: #000;

			opacity: 0.6;

			filter: alpha(opacity=60);

		}

.i-wrap .up-graybox .stit{

			font-size: 16px;

			line-height: 30px;

			width: 100%;

			text-align: center;

			position: absolute;

			left: 0;

			top: 50%;

			margin-top: -15px;

			color: #fff;

		}

.i-wrap .up-graybox .line{

			display: inline-block;

			width: 100px;

			height: 1px;

			background-color: #f2f2f2;

			position: absolute;

			left: 50%;

			margin-left: -50px;

			transition: all 0.6s ease 0s;

		}

.i-wrap .up-graybox .linet{

			top: 0;

		}

.i-wrap .up-graybox .lineb{

			bottom: 0;

		}

.i-wrap .up-graybox .out-ico{

			display: inline-block;

			width: 26px;

			height: 26px;

			position: absolute;

			right: 20px;

			top: 20px;

		}

.i-wrap .up-graybox .up-graybox:hover .line{

			width: 6px;

			margin-left: -3px;

			opacity: 0.6;

			filter: alpha(opacity=60);

		}

.i-column-wrap .stit{

		font-size: 25px;

		line-height: 46px;

		color: #fff;

		margin-left: -1px;

		font-weight: normal;

	}

.i-column-wrap .line{

		display: block;

		width: 10px;

		height: 2px;

		background-color: #fff;

		margin-top: 10px;

		margin-bottom:16px;

	}

.i-column-wrap .mtit{

		display: block;

		line-height: 34px;

		color: #fff;

		font-size: 16px;

	}

.i-column-wrap .font{

		display: block;

		line-height: 24px;

		font-size: 13px;

		margin-top: 10px;

	}

.i-column-wrap .link{

		display: block;

		width: 42px;

		height: 42px;

		border-radius: 50%;

		margin-top: 38px;

		transition: background 0.3s ease 0s;

		position: relative;

		overflow: hidden;

			}

.i-column-wrap .link i{

			display: block;

			width: 100%;

			height: 100%;

			position: absolute;

			left: 0;

			top: 0;

			z-index: 2;

			transition: all 0.3s ease 0s;

		}



.i-column-wrap .link .bg{

			display: block;

			width: 0;

			height: 0;

			left: 50%;

			top: 50%;

			transition: all 0.3s ease 0s;

			position: absolute;

			border-radius: 50%;

			overflow: hidden;

		}

}

.i-column-wrap.black{

	.stit{

		color: #333;

		// font-weight: bold;

		a{

			color: #333;

		}

	}

	.line{

		background-color: #9a9a9a;

	}

	.mtit{

		color: #444;

		a{

			color: #444;

		}

		a:hover{

			color: #666;

		}

	}

	.link{

		border: 1px solid #e7e7e7;

		i{

			background: url(../images/ico_06_1.png) no-repeat center;

		}

	}

	.link:hover{

		border: 1px solid #333;

		background-color: #333;

		overflow: hidden;

		i{

			background: url(../images/ico_05_1.png) no-repeat center;

		}

		.bg{

			width: 100%;

			height: 100%;

			top: 0;

			left: 0;

			background-color: #333;

		}

	}

}

.i-column-wrap .white .stit{

		color: #fff;

		font-weight: bold;	

	}

.i-column-wrap .white .stit a{

			color: #fff;

		}

.i-column-wrap.white .line{

		background-color: #fff;

	}

.i-column-wrap.white .mtit{

		color: #fff;

	}

.i-column-wrap.white .mtit a{

			color: #fff;

		}

.i-column-wrap.white .mtit a:hover{

			color: #fff;

		}

.i-column-wrap.white .font{

		color: #fff;

		opacity: 0.5;

		filter: alpha(opacity=50);

	}

.i-column-wrap.white .link{

		border: 1px solid rgba(255,255,255,1);

		

	}

.i-column-wrap.white .link i{

			background: url(../images/ico_05_1.png) no-repeat center;

		}

.i-column-wrap.white .link:hover{

		border: 1px solid rgba(255,255,255,1);

		background-color: rgba(255,255,255,1);

		overflow: hidden;

	}

.i-column-wrap.white .link:hover i{

			background: url(../images/ico_06_1.png) no-repeat center;

		}

.i-column-wrap.white .link:hover .bg{

			width: 100%;

			height: 100%;

			top: 0;

			left: 0;

			background-color: rgba(255,255,255,1);

		}



.i-fou-wrap{

	background-color: #0149ab;

	}

.cont-wrap{

		width: 29.5%;

		margin-left: 3.0%;

		padding-top: 82px;

	}

.img-box{

		width: 64%;

		display: block;

		position: relative;

		overflow: hidden;

	}

.img-box img{

		width: 100%;

		transform: translateZ(0px);

    		transition: transform 0.3s ease 0s;

		}



.img-box:hover img{

			transform: scale(1.05, 1.05);

    		transition: transform 0.6s ease 0s;

		}



.img-box:hover .up-graybox{

			opacity: 1;

			filter: alpha(opacity=1);

		}

.i-fiv-wrap{

    position: relative;

	overflow: hidden;

	}

.i-fiv-wrap ul{

		width: 101%;

	}

.i-fiv-wrap li{

		float:left;

		width: 49%;

		margin-right: 1%;

		background:#f6f6f6;position:relative;margin-top:10px;

	}

.i-fiv-wrap .img{

		display: block;

		position: relative;

		overflow: hidden; height:350px; 

		

	}

.i-fiv-wrap .img img{

			width: 100%;

			transform: translateZ(0px);

    		transition: transform 0.3s ease 0s;

		}

.i-fiv-wrap .up-graybox{

		z-index: 3;

	}

.i-fiv-wrap .img:hover img{

			transform: scale(1.05, 1.05);

    		transition: transform 0.6s ease 0s;

		}

.i-fiv-wrap .img:hover .up-graybox{

			opacity: 1;

			filter: alpha(opacity=1);

		}

.i-fiv-wrap .cont-wrap{

		padding-top: 20px;

		padding-bottom: 8px;

		padding-left:20px;

		width: 91%;

	}

.i-fiv-wrap .cont-wrap .cont{

			margin: 0 auto;

		}

.i-fiv-wrap .cont-wrap .tit{

			line-height: 40px;

			font-size:25px;

			font-weight: normal;

			color:#333;

			

		}

.i-fiv-wrap .cont-wrap .tit a{

				display: block;

				color: #333;

			}

.i-fiv-wrap .cont-wrap .intr{

			display: block;

			line-height: 30px;

			font-size: 16px;

			height: 64px;

			

		}

.i-fiv-wrap .cont-wrap .intr a{

				display: inline-block;

				color: #666;

			}

.i-fiv-wrap .cont-wrap .bot-link{

			border-top: 1px solid #e5e5e5;

			margin-top:10px;

			padding-top:10px;

			padding-bottom:10px;

		}

.i-fiv-wrap .cont-wrap .bot-link .link{

				font-size: 14px;

				

			}

.i-fiv-wrap .cont-wrap .bot-link .link a{

					display: inline-block;

					float: left;

				}

.i-fiv-wrap .cont-wrap .bot-link .li{

				float: left;

				font-size:16px;

				color:#555;

				

			}

.i-fiv-wrap .cont-wrap .bot-link .li:first-child i{

					display: none;

				}

.i-fiv-wrap .cont-wrap .bot-link .li i{

					display: inline-block;

					width: 1px;

					height: 8px;

					background-color: #f4f4f4;

					margin: 26px 18px 0;

					float: left;

				}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 

.more-box .more{

	margin:0 auto;

}



.more-box .more{

	width: 180px;

	height:45px;

	line-height:45px;

	color: #fff;

	display: block;

	font-size: 16px;

	text-align: center;

	box-sizing: border-box;

	transition: all .5s;

	-webkit-transition: all .5s; border-radius:30px; background:#1356A9; margin-top:60px; margin-bottom:60px;

}



.more2:hover{ color:#fff; background:#0d3b75;}



.news-recommend-list li {

  float:left;

  width:31%;

  margin-right: 1%; margin-left:1%;

  transition: box-shadow 0.3s ease 0s; border:1px solid #e6e6e6; background:#fff;

}

.news-recommend-list li:hover .img img {

  transform: scale(1.05, 1.05);

  transition: transform 0.6s ease 0s;

}

.news-recommend-list li:hover .img .up-gray {

  opacity: 0.1;

  filter: alpha(opacity=10);

}

.news-recommend-list .img {

  display: block;

  position: relative;

  overflow: hidden;

}

.news-recommend-list .img .bgimg {

  width: 100%;

}

.news-recommend-list .img img {

  transform: translateZ(0px);

  transition: transform 0.3s ease 0s;

}

.news-recommend-list .date{ width:88px; height:31px; text-align: center; color:#1356A9; line-height:31px; z-index:999; font-size:18px;}

.news-recommend-list .img .up-gray {

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 3;

  background-color: #000;

  opacity: 0;

  filter: alpha(opacity=0);

  transition: opacity 0.3s ease 0s;

}

.news-recommend-list .cont-wrap {

  width:100%;

  padding-top: 18px;

  padding-bottom: 10px;

  border: 1px solid #f8f8f8;

  margin-left:0;

}

.news-recommend-list .cont-wrap .cont {

  width: 90%;

  margin: 0 auto;

}

.news-recommend-list .cont-wrap .tit {

  font-size: 18px;

  line-height: 30px;

}

.news-recommend-list .cont-wrap .tit a {

  display: block;

  color: #000;

  height: 30px;

  position: relative;

  overflow: hidden;

  padding-top: 3px;

  padding-bottom: 3px;

}

.news-recommend-list .cont-wrap .tit a:hover{color:#1356A9}

.news-recommend-list .cont-wrap .word {

  display: block;

  line-height: 24px;

  font-size: 16px;

  margin-top: 4px;

}

.news-recommend-list .cont-wrap .word a {

  display: inline-block; color:#555555;

}





.news-recommend-list .cont-wrap .bot-link {

  line-height: 46px;



  display: block;

  width: 100%;

}

.news-recommend-list .cont-wrap .bot-link .more {

  font-size: 14px;

  display: inline-block;

  font-family: "Base-font";

}

.news-recommend-list .cont-wrap .bot-link .link-point {

  display: inline-block;

  width: 11px;

  height: 8px;

  background: url(../images/ico_08.png) no-repeat center;

  margin-top: 18px;

}

.news-recommend-list .cont-wrap .bot-link:hover .link-point {

  background: url(../images/ico_08_h.png) no-repeat right center;

}



.news-recommend-list.m-scroll {

  display: none;

  padding-left: 0;

  margin-left: 0;

}

.news-recommend-list.m-scroll li {

  margin-right: 0;

}

.index_news{ background:url(../images/news_bg.jpg); overflow:hidden; padding-bottom:80px; padding-top:20px;}

.footer{ background:#1356A9; padding-top:20px; padding-bottom:20px; overflow:hidden;}

.foot_left{ color:#fff; font-size:16px;}

.foot_left a{color:#fff;}

.foot_left a:hover{color:#fff;}

.foot_right{ color:#fff; font-size:16px;}

.foot_right a{color:#fff;}

.foot_right a:hover{color:#fff;}